<template>
  <div class="">
    <!-- 地图找房 -->
    <van-nav-bar title="地图找房" left-arrow @click-left="$router.go(-1)" />
    <baidu-map class="bm-view" :center="center" :zoom="zoom" @ready="handler">
        <bm-scale anchor="BMAP_ANCHOR_BOTTOM_LEFT"></bm-scale>
        <bm-navigation anchor="BMAP_ANCHOR_BOTTOM_RIGHT"></bm-navigation>
    </baidu-map>
  </div>
</template>
<script>
export default {
  name: 'FindRoomMap',
  props: {},
  components: {},
  data () {
    return {
      center: { lng: 0, lat: 0 },
      zoom: 3
      //   map: null, // 地图
      //   point: null, // 中心点
      //   marker: null, // 标记
      //   keyword: '', // 搜索控件
      //   local: null // 关键字
    }
  },
  mounted () {
    // this.map = new window.BMapGL.Map(this.$refs.map)
    // this.point = new window.BMapGL.Point(113.665, 34.784)
    // this.map.centerAndZoom(this.point, 15)
    // // 鼠标滚轮缩放
    // this.map.enableScrollWheelZoom(true)
    // // 添加一个点
    // this.marker = new window.BMapGL.Marker(this.point)
    // // 添加覆盖物
    // this.map.addOverlay(this.marker)
    // this.local = new window.BMapGL.LocalSearch(this.map, {
    //   renderOptions: { map: this.map }
    // })
  },

  computed: {},
  watch: {
    // keyword: {
    //   handler () {
    //     if (this.keyword === '') {
    //       // 如果为空就清除搜索
    //       this.local.clearResults()
    //       // 缩放到中心点
    //       this.map.centerAndZoom(this.point, 15)
    //     } else {
    //       this.local.search(this.keyword)
    //     }
    //   }
    // }
  },

  methods: {
    handler ({ BMap, map }) {
    //   console.log(BMap, map)
      this.center.lng = 116.404
      this.center.lat = 39.915
      this.zoom = 15
    }
  }
}
</script>
<style lang="less" scoped>
.van-nav-bar {
  background-color: #1cb676;
}
::v-deep .van-nav-bar .van-icon {
  color: #fff;
}
::v-deep .van-nav-bar__title {
  color: #fff;
}
.bm-view {
  width: 100%;
  height: 620px;
}
</style>
